<!DOCTYPE html>
<html lang="en">
<head>
     <title>Coming Soon</title>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" href="css/bootstrap.min.css">
     <link rel="stylesheet" href="css/vegas.min.css">
     <link rel="stylesheet" href="css/font-awesome.min.css">
     <!-- MAIN CSS -->
     <link rel="stylesheet" href="css/templatemo-style.css">
</head>
<body>

     <!-- PRE LOADER -->
     <section class="preloader">
          <div class="spinner">
               <span class="spinner-rotate"></span>              
          </div>
     </section>

     <!-- GRID LINE -->



    <div class="menu-bg"></div>
    <div class="menu-burger">☰</div>

    <div class="menu-items">
       <div class="container">
         <div class="row">
           <div class="col-md-offset-2 col-md-4 col-sm-6">
            <h1>Other Pages</h1>
             <ul class="menu">
                <li><a href="#">Home</a></li>
                <li><a href="https://blog.jiehua1995.xyz">My blog</a></li>
                <li><a href="https://ylq.jiehua1995.xyz">Our Love</a></li>
            </ul>
           </div>

           <div class="col-md-4 col-sm-6">
             <address>
               <h1>I am here</h1>
               <p>School of Life Sciences <br> Fudan University</p>
               <div class="google-map">
                  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3407.6805694684426!2d121.5062607017563!3d31.340193714990534!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35b2731142fd729d%3A0x34873d39003d4320!2z5aSN5pem5aSn5a2m5rGf5rm-5paw5qCh5Yy655Sf5ZG956eR5a2m5a2m6Zmi!5e0!3m2!1szh-CN!2ssg!4v1607194468606!5m2!1szh-CN!2ssg" allowfullscreen></iframe>
               </div>
             </address>
           </div> 


         </div>
       </div>
    </div>


     <!-- HOME -->
     <section id="home">
        <div class="overlay"></div>
          <div class="container">
               <div class="row">

                    <div class="col-md-12 col-sm-12">
                         <div class="home-info">
                              <h1>We are getting ready <br>to launch a new navigation site!</h1>
                              <!-- You can change the date time in init.js file -->
                              <ul class="countdown">
                                   <li>
                                        <span class="days">2020</span>
                                        <h3>YEAR</h3>
                                   </li>
                                   <li>
                                        <span class="hours">12</span>
                                        <h3>MONTH</h3>
                                   </li>
                                   <li>
                                        <span class="minutes">06</span>
                                        <h3>DAY</h3>
                                   </li>
                              </ul>

                         </div>
                    </div>

               </div>
          </div>
     </section>

     <!-- SCRIPTS -->
     <script src="js/jquery.js"></script>
     <script src="js/bootstrap.min.js"></script>
     <script src="js/vegas.min.js"></script>
     <script src="js/countdown.js"></script>
     <script src="js/init.js"></script>
     <script src="js/custom.js"></script>

</body>
</html>